<template>
	<view class="content">
		<view class="backgroud">
			<Register v-if="isRegister" @isReg="isReg"></Register>
			<Login v-else @isLogin="isLogin"></Login>
		</view>
	</view>
</template>

<script>
	import Login from '../../components/login/login.vue'
	import Register from '../../components/register/register.vue'
	export default {
		components: {
			Login,
			Register
		},
		data() {
			return {
				isRegister:false
			};
		},
		onLoad() {},
		methods: {
			isReg(data){
				this.isRegister=data
			},
			isLogin(data){
				this.isRegister=data
			}
		}
	};
</script>

<style lang="scss">
	page {
		height: 100%;
	}

	.content {
		height: 100%;

		.backgroud {
			width: 100%;
			height: 100%;
			background-image: url("");
			background-size: cover;
			display: flex;
			justify-content: center;
			align-items: center;
		}

	}
</style>
